﻿<html>
<head>
    <title>The Store</title>
    <link href="css/Master.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('.tbnav').live('click', function () {
                var action = $(this).attr('id');
                var page = $('#pagenum').text();
                $('.loading').show();
                $('#content').addClass("ajaxcontent");
                $('#ajax').load('Home.php?action=' + action + '&page=' + page, function () {
                    $('#ajax').hide().fadeIn();
                    $('.loading').hide();
                    $('#content').removeClass("ajaxcontent");
                });
                return true;
            });
        });
    </script>
</head>

<body>
<div id="page">
    <div id="header">
	    <div id="display_homepage_title">
            <a id="homepage_title" class="colors_homepage_title" href="Home.php">The Store</a>
        </div>
    
        <div id="headerTop">
           <a href="">View Cart</a>
           
           <?php 
			// Starting the session 
			session_start(); 
			if(isset($_SESSION['user'])) { 
    			?><a href="MyAccount.php">My Account</a> <a href="LogIn.php?msg=logout">Log Out</a> <?php
        		// Code for Logged members 

        		// Identifying the user 
        		//$user = $_SESSION['user']; 
        
        		// Information for the user. 
    		} 
			else 
   		 	{ 
        		// Code to show Guests 
    			?><a href="LogIn.php">Log In</a> <?php
    		} 
		?> 
           
           
	    </div>
    
        <div id="display_search">
       	    <form action="" method="get" name="SearchBoxForm">
                <input type="text" name="Search" id="search_input" value="search" onfocus="if (this.value == &#39;search&#39;) {this.value = &#39;&#39;;}" onblur="if (this.value == &#39;&#39;) {this.value = &#39;search&#39;;}" />
			    <input type="submit" name="Submit" id="search_submit" value="go" />
            </form>
        </div>

        <div class="clear"></div>
    </div>    
  
<div id="topnav">
   	<div id="display_menu_1" class="menu">
        <ul>
            <li class="nav" onmouseover="mOvr1(this);" onmouseout="mOut1(this);" onclick="mClk1(this);">
	            <a href="" title="">Apparel</a>
            </li>
            <li class="nav" onmouseover="mOvr1(this);" onmouseout="mOut1(this);" onclick="mClk1(this);">
	            <a href="" title="">Home Decor</a>
            </li>
            <li class="nav" onmouseover="mOvr1(this);" onmouseout="mOut1(this);" onclick="mClk1(this);">
	            <a href="" title="">Beauty</a>
            </li>
            <li class="nav" onmouseover="mOvr1(this);" onmouseout="mOut1(this);" onclick="mClk1(this);">
	            <a href="" title="">Gourmet Food</a>
            </li>
        </ul>
    </div>
</div>

<style type="text/css">
	#leftnav {display:none;}
	#content_area {width:960px;}
</style>

<div id="content">
	<div class="clear"></div>
	<div><?php include($page_content);?></div>
    <div class="clear"></div>
</div>

<!-- #################### FOOTER #################### -->
<div id="footer">

<!-- #################### MAILING LIST SECTION -->
        <div id="eList">
          <form name="MailingList" method="post" action="">  
            <input type="text" id="elist_input" name="emailaddress" value="enter your email" onfocus="if (this.value == &#39;enter your email&#39;) {this.value = &#39;&#39;;}" onblur="if (this.value == &#39;&#39;) {this.value = &#39;enter your email&#39;;}"> 
            <input type="submit" name="Submit" id="elist_submit" value="Submit">
          </form>
        </div> 

	<div id="footerTop">
        <ul>
        	<li class="title">MY ACCOUNT</li>
            <li><a href="">Login/Register</a></li>
            <li><a href="">Shopping Cart</a></li>
            <li><a href="">Order Status</a></li>
        </ul>
        
        <ul>
        	<li class="title">SHOP BY</li>
            <li><a href="">Product Category</a></li>
            <li><a href="">Best Selling Products</a></li>
            <li><a href="">Recommended Products</a></li>
        </ul>
	</div>

    <div id="footerBottom">
		Copyright © <script type="text/javascript">document.write((new Date()).getFullYear());</script>
	</div>
</div>
</div>			      
<div style="left:-99999px; position: absolute;"></div>
</body></html>